<template>
  <div class="zs-space-bottom zs-card">
    <div class="zs-text-bg zs-text-blue">项目列表</div>
    <div class="el-divider el-divider--horizontal"></div>
    <div v-for="(item, index) in projectData" :key="index">
      <el-button class="houseDemo-btn " link @click="goPageUrl(index)">{{ item.name }}</el-button>
    </div>

  </div>
</template>
<script setup>

import { ref } from 'vue'
let projectData = ref([])
projectData.value = [
  { name: '西安南门合生汇', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=XA_SDGCZHT&isChange=true' },
  { name: '上海静安', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=SH_JAXM&isChange=true' },
  { name: '望京麒麟社', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=BJ_HSH_WJQLS&isChange=true' },
  { name: '增城合生汇商场', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=GZ_HSH_ZCJY&isChange=true' },
  { name: '广州嘉和南合生广场', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=GZ_HSH_JH_ZHT&isChange=true' },
  { name: '成都温江合生汇', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=CD_HSH_ZJA0&isChange=true' },
  { name: '北京木樨园合生广场', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=BJ_HSH_XYH&isChange=true' },
  { name: '上海五角场合生汇', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=SH_HSH_WJC&isChange=true' },
  { name: '北京朝阳合生汇', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=BJ_HSH_SDDJ&isChange=true' },
  { name: '北京超级合生汇', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=BJ_CPHSH_WQ&isChange=true' },
  { name: '广州海珠合生新天地', url: 'https://bimap.crehopson.com/hopsonbi/?biProjectCode=GZ_FZCSQXM&isChange=true' },
]
const goPageUrl = (index) => {
  window.open(projectData.value[index].url, "_blank")
}
</script>


<style scoped lang="scss">
.houseDemo-btn {
  padding: 10px 15px;
}
</style>
